@import 'variables';

/*每个页面公共css */

/* 左右边距 */
.left-right-paddings {
	padding-left: 15px;
	padding-right: 15px;
	box-sizing: border-box;
}

.left-right-margin {
	position: relative;
	margin-left: 20px;
	margin-right: 20px;
	.guideGif{
		position: absolute;
		top: -120rpx;
		right: 40rpx;
		width: 300rpx;
		z-index: 99;
	}
}

.flex {
	display: flex;
}
.flex-column {
	flex-direction: column;
}
.flex-center {
	justify-content: center;
	align-items: center;
}
.flex-align-center {
	align-items: center;
}
.flex-between {
	align-items: center;
	justify-content: space-between;
}
.flex-start  {
	align-items: center;
	justify-content: flex-start;
}
.flex-around {
	align-items: center;
	justify-content: space-around;
}
.flex-equal {
	flex: 1
}

.status-bar {
	height: calc(var(--status-bar-height) + 44rpx);
	width: 100%;
}

.f12 {
	font-size: 24rpx;
}
.f14 {
	font-size: 28rpx;
}
.f15 {
	font-size: 30rpx;
}
.f16 {
	font-size: 32rpx;
}
.f18 {
	font-size: 36rpx;
}

.ml5 {
	margin-left: 10rpx;
}

.ml10 {
	margin-left: 20rpx;
}
.ml16 {
	margin-left: 32rpx;
}
.mr10 {
	margin-right: 20rpx;
}
.mr16 {
	margin-right: 32rpx;
}
.mb20 {
	margin-bottom: 40rpx;
}


.hidden {
	visibility: hidden;
}

/* 超出... */
.one_line{
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow:ellipsis;
}

.two_lines {
	display: -webkit-box;
	word-break: break-all;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: pre-line;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.three_lines {
	display: -webkit-box;
	word-break: break-all;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: pre-line;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.color-primary{
	color: $uni-color-primary;
}

.btn-disable {
	border: none;
	color: $borderBg;
	background-color: $btnBg;
}

.uni-nav-bar-text {
	font-size: 36rpx;
	// font-weight: bold;
}


.xsb-loading {
	background-color: #FFFFFF;
	background-image: url("https://file.bendiclass.com/oss/upload/image/png/94cb8d14b8ba44a68df22d8d15d390b5.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto;
}

.header-left{
	margin-left: 8rpx;
	width: 50rpx;
	height: 50rpx;
	border-radius: 50%;
	border: 1px solid #ddd;
	color: black;
}

.zw-default-text1 {
	color: $zw-text-color-title;
	font-weight: 600;
}

.zw-divider {
	width: 100%;
	height: 1px;
	background-color: #FFE8E6DB;
}
